.conteneur-flexible{
    display: flex;
    font-size: 20px;
    background-color: #0AD; /*Bleu*/
    border: 2px solid blue;
    box-sizing: border-box;
    margin: 10px 0px;
    height: 100px;
}
/*L'axe principal est horizontal, 
le début du conteneur est à gauche
 *L'axe secondaire est vertical, 
 le début du conteneur pour cet axe 
 est en haut*/
.ligne{
    flex-flow: row wrap;}
.debut-pri{
    justify-content: flex-start;}
.fin-pri{
    justify-content: flex-end;}
.centre-pri{
    justify-content: center;}
.sparound-pri{
    justify-content: space-around;
}
.debut-sec{
    align-items: flex-start;}
.fin-sec{
    align-items: flex-end;
}
.centre-sec{
    align-items: center;}
.element-flexible{
    flex: 0 0 10%;
    background-color: #0DA; /*Vert*/
    padding: 10px 0px;
    text-align: center;
    border: 2px solid green;
    box-sizing: border-box;
    margin: 5px;
}
.petit{
  padding: 0px;
}